<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/pc端页面初始化.css">
    <link rel="stylesheet" href="./css/import-header.css">
    <link rel="stylesheet" href="./iconfon/iconfont.css">
</head>

<body>
    <!--头部公共区 -->
    <header class="header">
        <!-- 黑鲨logo -->
        <div class="content-center">
            <a class="logo" href="index.html">
                <div class="logo-img"></div>
                <span>黑鲨官网</span>
            </a>

            <!-- 导航 -->
            <nav class="nav">
                <ul>
                    <li>商城</li>
                    <li>以旧换新</li>
                    <li>服务</li>
                    <li>社区</li>
                </ul>
            </nav>

            <!-- 导航搜索框 -->
            <div class="userCenter-search">
                <input type="text" placeholder="黑鲨">
                <img src="./image/index/search.png" alt="">
            </div>

            <!-- 图标 -->
            <ul class="icon">
                <li>
                    <a href="login.html">
                        <i class="iconfont icon-user_login person"></i>
                    </a>
                </li>
                <li>
                    <a href="cart.html">
                        <i class="iconfont icon-cart"></i>
                    </a>
                </li>
            </ul>

        </div>





    </header>
</body>

</html>